<template>
  <view class="box" :style="[props.myStyle, flag?iphoneStyle:'']">
    <slot></slot>
  </view>
</template>

<script setup>
  import {computed}from "vue";
  const props = defineProps({
    myStyle: Object,
    title: String,
  })
  const iphoneStyle = {
    height: '180rpx',
    lineHeight: '230rpx',
  }
  const flag = computed(()=>{
    return getApp().globalData.isIphoneX;
  })
</script>


<style scoped lang="scss">
  .box {
    position: fixed;
    z-index: 11;
    top: 0;
    left: 0;
    width: 100%;
    height: 150rpx;
    background-color: #fff;
     // padding-left: 25%;
     text-align: center;
    line-height: 160rpx;
    font-size: 47rpx;
    font-weight: 900;
    box-sizing: border-box;
  }
</style>
